<template>
  <div>
    <transition name="fade" mode="out-in">
      <router-view></router-view>
    </transition>
    <loading v-if="show_loading"></loading>
  </div>
</template>
<script>
import loading from '@/components/loading'
import { mapState } from 'vuex'
export default {
  name: '',
  components: { loading },
  data () {
    return {}
  },
  computed: {
    ...mapState( [ 'show_loading' ] )
  }
}
</script>
<style lang="less">
.fade-enter-active,
.fade-leave-active {
	transition: all .2s ease;
}
.fade-enter,
.fade-leave-active {
	opacity: 0;
}
.mint-header{
  background-color: #2772ff;
  .mint-header-title{
    color: #fff;
    font-size: 1.6rem;
  }
}
</style>
